<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <title>股权宝</title>
    </head>

    <body>

        <div class="page grey bottom">
            <div class="user-head-box flex">
                <div class="user-head-info flex">
                    <img src="images/user_demo.png" alt="" />
                    <div class="user-head-info-text">
                        <h1>希腊土豆</h1>
                        <p>ID:86021095</p>
                    </div>
                </div>
                <button id="edit">编辑</button>
            </div>
            <div class="user-nav-list">
                <a href="order.html" class="user-nav-list-item flex">
                    <div class="user-nav-list-item-name flex">
                        <img src="images/order_icon.png" alt="" />
                        <p>我的订单</p>
                    </div>
                    <img class="arr" src="images/arr_icon.png" alt="" />
                </a>
                <a href="cart.html" class="user-nav-list-item flex">
                    <div class="user-nav-list-item-name flex">
                        <img src="images/cart_icon.png" alt="" />
                        <p>购物车</p>
                    </div>
                    <img class="arr" src="images/arr_icon.png" alt="" />
                </a>
                <a href="my_comment.html" class="user-nav-list-item flex">
                    <div class="user-nav-list-item-name flex">
                        <img src="images/comment_icon_user.png" alt="" />
                        <p>我的评论</p>
                    </div>
                    <img class="arr" src="images/arr_icon.png" alt="" />
                </a>
                <a href="change_password.html" class="user-nav-list-item flex">
                    <div class="user-nav-list-item-name flex">
                        <img src="images/password_icon.png" alt="" />
                        <p>修改密码</p>
                    </div>
                    <img class="arr" src="images/arr_icon.png" alt="" />
                </a>
            </div>
            <div class="index-bottom-nav flex">
                <a href="index.html" class="index-bottom-nav-item">
                    <img src="images/home_icon.png" alt="" />
                    <p>动态</p>
                </a>
                <a href="lawyer_list.html" class="index-bottom-nav-item">
                    <img src="images/lawyer_icon.png" alt="" />
                    <p>简介</p>
                </a>
                <a href="#" class="index-bottom-nav-item onthis">
                    <img src="images/my_icon_on.png" alt="" />
                    <em>12</em>
                    <p>我的</p>
                </a>
            </div>
        </div>

        <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            var mySwiper = new Swiper ('.swiper-container', {
                loop: true, // 循环模式选项
                pagination: {
                    el: '.swiper-pagination',
                },
            })

            $('#edit').click(function (e) {
                window.location.href = 'personal_center.html';
            })
        </script>
    </body>
</html>